@border: 1px solid #d0d0d0;
.display-none {
	display: none;
}
.main-org {
	// margin-left: 20px;
	width: 200px;
}
.tree-form-table-area {
	display: flex;
	background-color: #fff;
	height: calc(~"100% - 70px");
	.dragWidthCom .dragWidthCom_line .dragWidthCom_lines {
		width: 1px;
	}
	.dragWidthCom_left {
		padding: 0 20px;
	}
	.form-area {
		padding: 20px 40px;
		border-bottom: none;
		.form-item {
			width: calc(~"50% - 20px");
			display: inline-flex;
			margin-bottom: 8px;
			border: none;
			> label {
				color: #555;
				display: inline-block;
				width: 100px;
				line-height: 30px;
				text-align: right;
				margin-right: 16px;
			}
			> .u-form-control-wrapper,
			> .refer-wrapper {
				width: 200px;
			}
		}
	}
	.table-area {
		padding: 0 20px;
		.u-table-title {
			border: @border;
			border-bottom: none;
			height: 40px;
			padding: 0 20px;
			display: flex;
			align-items: center;
			.title {
				color: #111;
				font-size: 13px;
			}
			.btn-group {
				display: inline-block;
				margin-left: auto;
			}
		}
		.u-table {
			// border: 1px solid #d0d0d0;
			border-bottom: none;
			.u-table-body {
				.table {
					border: @border;
				}
			}
		}
	}
	.dragWidthCom_right {
		.u-table-body {
			min-height: 480px;
		}
	}
}
